/* 1382 

_____________________________________________________

320 and Up boilerplate extension

Author: Andy Clarke
Version: 0.9b
URL: http://stuffandnonsense.co.uk/projects/320andup/
License: http://creativecommons.org/licenses/MIT/
_____________________________________________________

1.ROOT
2.HEADINGS
3.TYPOGRAPHY
4.LINKS
5.FIGURES & IMAGES
6.TABLES
7.FORMS (See css/mylibs/forms.css)
8.BANNER — header[role="banner"]
9.NAVIGATION — nav[role="navigation"]
10.CONTENT
11.MAIN — div[role="main"]
12.COMPLIMENTARY — div[role="complementary"]
13.CONTENTINFO — footer[role="contentinfo"]
14.GLOBAL OBJECTS
15.VENDOR-SPECIFIC 
16.TEMPLATE SPECIFICS
17.MODERNIZR

*/

/* 1.ROOT */

body { 
width : 90% /* 1356px */;
max-width : 1356px; }

/* 2.HEADINGS */
/* 3.TYPOGRAPHY */
/* 4.LINKS */
/* 5.FIGURES & IMAGES */
/* 6.TABLES */
/* 7.FORMS */
/* 8.BANNER */

header{
	float : left;
	width : 18.58%; /* 252 / 1356 = .1858 */
	margin-right : 1.76%; /* 24 / 1356 = .0176*/ 
	padding-right : 2%;
	-webkit-box-sizing : border-box;
	-moz-box-sizing : border-box;
	-o-box-sizing : border-box;
	box-sizing : border-box;
}
#branding {
    padding: 5em 0 2.7em;
}


/* 9.NAVIGATION */
#access {
    border-bottom: none;
	border-top:1px solid #ccc;
	height:auto;
}
.sf-menu{
	width:100%;
}
.sf-menu li {
	clear:leff;
	width:100%;
	border-bottom:1px solid #ccc;
}
.sf-menu li a, .sf-menu li ul{
	border-top:none;
	border-bottom: none;
}

/* 10.CONTENT */

#main {
	width: 79.66%; 
	float:left;
	clear:none;
}

/* 11.MAIN */

#container {
	float : left;
	width : 59.29%;  /* 804 / 1356 = .5929 */
	margin-right : 1.76%; /* 24 / 1356 = .0176 */
	margin-bottom : 1.5em; 
}


/* 12.COMPLIMENTARY */

#primary, #secondary {
    float: left;
    overflow: hidden;
    width: 19.3%;
}

.aside, .aside input {
    width: 100%;
}
.sub-aside {
    float: left;
    margin: 0 1.16em 0 0;
    width: 32%;
}
/* 13.CONTENTINFO */
footer {
    margin-left: 17em;
}
/* 14.GLOBAL OBJECTS */
/* 15.VENDOR-SPECIFIC */
/* 16.TEMPLATE SPECIFICS */
/* 17.MODERNIZR */
